.select-bkg{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 105;
  background-color: rgba(49, 49, 49, 0.75);
}
.select-area-area {
  width: 100%;
  //height: 210px;
  height: 420px;
  //line-height: 36px;
  line-height: 72px;
  position: fixed;
  bottom: 0;
  z-index: 106;
  background-color: #fff;
  .select {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    color: #999999;
    .cancel {
      width: 50%;
      float: left;
      //padding-left: 15px;
      //font-size: 16px;
      font-size: 32px;
    }
    .confirm {
      //padding-right: 15px;
      width: 50%;
      float: left;
      text-align: right;
      //font-size: 16px;
      font-size: 32px;
    }
  }
  .list {
    //padding: 30px 0;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    &:before,&:after{
      display: block;
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      left: 0;
      bottom: auto;
      right: auto;
      background-color: #e7e8e8;
    }
    &:before{
      top: 122px;
    }
    &:after{
      top: 214px;
    }
    .ul-area {
      width: 50%;
      height: 220px;
      overflow-y: scroll;
      float: left;
      margin: 0;
      padding: 0;
      &::-webkit-scrollbar {
        display: none;
      }
      ul{
        margin: 0;
        padding: 0;
        overflow: scroll;
        li {
          list-style: none;
          height: 72px;
          //height: 36px;
          //line-height: 36px;
          line-height: 72px;
          font-size: 28px;
          text-align: center;
          color: #ddd;
          overflow-x: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &.selected{
            color: #d00324;
          }
        }
      }
      &:nth-child(1){
        ul{
          padding-left: 50px;
        }
      }
      &:nth-child(2){
        ul{
          padding-right: 50px;
        }
      }
    }

  }
}





